<template>
  <div class="home">
    <button @click="logout">退出登录</button>
    <h1>Welcome to halo Page</h1>
    <myCom1 :url="url"></myCom1>
    <myCom1 :url="url2"></myCom1>
    <myCom1 :url="url3"></myCom1>
  </div>
   
</template>

<script>
import myCom1 from '../components/myCom1.vue'
const a1Img = require('@/assets/a1.jpg')
const a2Img = require('@/assets/a2.jpg')
const a3Img = require('@/assets/a3.jpg')
export default {
  name: 'HaloPage',
  components: {
     myCom1
  }, 
  data() {
    return {
      url: a1Img,
      url2: a2Img ,
      url3: a3Img
    }
  },methods: {
    logout() {
      sessionStorage.setItem('showLogin', '1')
      this.$router.push('/LoginApp')
    }
  }
}
</script>

<style scoped>
.home {
  padding: 20px;
}
</style>